<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>
<title>论坛分类</title>
</head>
<script type="text/javascript">
function selectImage(catid){
    var url = "category/catid/"+catid;
    window.location.href="{:U('"+url+"')}";
}
function addArticle(){
    var url = "writeArticle";
    window.location.href="{:U('"+url+"')}";
}
function myArticle(){
    var url = "myAllArticle";
    window.location.href="{:U('"+url+"')}";
}
function lookfor(){
    var url = "lookforComment";
    window.location.href="{:U('"+url+"')}";
}



</script>
<style>
body {
	background:#ffffff;
	margin:0px;	
}
a{
    text-decoration: none;
    color:#24b33c;
}
div{

	margin-left:auto;
	margin-right:auto;
	/*border:solid ;
	border-color:#Ff0000;*/
	}
.tab{
	border:thin solid #d0d0d0;
	float:left;
	height:39px;
	border-bottom:none;
	line-height:39px;
	font-size:16px;
	color:#626262;
	text-align:center;
	width:70px;
	cursor:pointer;
    font-size:12pt;
    font-family:'黑体';
    letter-spacing:1px;
	}
    	
.setab{
	background:#d8f3fe;
	color:#1f9692;
	}
 .myfontstyle{
    font-family:'黑体';
    letter-spacing:1px;
    line-height: 19px;
}	
 .options{
	height:30px;
	width:170px;
	border-bottom:dotted #e3e3e3 1px;
	cursor:pointer;
    line-height:50px;
    font-size:14pt;
    color:#1f9692;
	} 
</style>
<body>
<div style="margin-top:2%;width:100%;">
	<div style="float:left;width:67%;margin-top:10px;">
    <!--logo开始-->
<!--		<div id='community_title' style="width:90%;height:52px;">
			<div id="logo" style="width:20%;border-right:solid thin #b9b9b9;height:52px;float:left; background:url(../Public/discuss/image/logo.png) no-repeat center center;">
			</div>
            <div style="width:70%;margin-left:15px;height:52px;float:left;">
            <div style="float:left;width:66px;height:33px;background:url(../Public/discuss/image/sendout.png) no-repeat;cursor:pointer;" onclick="addArticle()"></div>
            </div>	
		</div>-->
     <!--logo结束--> 
  <!--标题栏开始-->  
		<div style="width:90%;height:40px; background:#ecf9fe; border: thin solid #dee3e3; margin-top:10px;">
			<div class="tab" style="width:95px;">Tang话题</div>           
		</div>
      <!--标题栏结束-->  
 	  <!--最左区域-->
		<div  style="width:90%;background:#f7fcfe;border-top:none;border:thin solid #dee3e3; height:600px;"> 
        <!--第一行-->
			<div class="myfontstyle" style="width:95%;margin-left:20px;margin-top:30px; height:150px;background:url(image/line.png) repeat-x left bottom;">
            <!--第一列-->
            	<div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                        <div style="background:url(../Public/discuss/image/1.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(1)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px;cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;font-size:13pt;"><a href="{:U('Discuss/category/catid/1')}">奶粉</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:10px;">您的宝宝现在吃什么奶粉？在哪里买的？好的或者不好的，到这里来分享您的选择经验和教训。</div>                        
                    </div>
                </div>
           <!--第一列-->
           <!--第二列-->   
                <div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                    	<div style="background:url(../Public/discuss/image/2.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(2)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px; cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;color:#24b33b;font-size:13pt;"><a href="{:U('Discuss/category/catid/2')}">如厕训练</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:10px;">如厕训练是孩子发育过程中一个重要的里程碑，如果您了解这方面的训练内容，不妨来这里说说吧。</div> 
                    </div>
                </div>
         <!--第二列-->                
            </div>
         <!--第一行-->
         <!--第二行-->   
        	 <div class="myfontstyle" style="width:95%;margin-left:20px;margin-top:30px; height:150px;background:url(image/line.png) repeat-x left bottom;">
            	<div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                    	<div style="background:url(../Public/discuss/image/3.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(3)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px;cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;color:#24b33b;font-size:13pt;"><a href="{:U('Discuss/category/catid/3')}">讲给孩子的故事</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:9.5px;">讲故事是有趣的工程，满足孩子们的想象力可不是一件容易的事情，所以这个话题非常的重要。</div>                        
                    </div>
                </div>
         <!--第一列-->
         <!--第二列--> 
                <div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                    	<div style="background:url(../Public/discuss/image/4.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(4)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px; cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;color:#24b33b;font-size:13pt;"><a href="{:U('Discuss/category/catid/4')}">宝宝的小名</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:9.5px;">米米、妞妞、六六、多多、毛蛋、二狗子……</div> 
                    </div>
                </div>
            </div>
        <!--第二行-->
        <!--第三行-->
			<div class="myfontstyle" style="width:95%;margin-left:20px;margin-top:30px; height:150px;background:url(image/line.png) repeat-x left bottom;">
            <!--第一列-->
            	<div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                        <div style="background:url(../Public/discuss/image/5.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(1)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px;cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;font-size:13pt;"><a href="{:U('Discuss/category/catid/1')}">工作的妈妈</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:9.5px;">生活当中总有些问题会要去面对，如产后返岗工作、分离焦虑、托儿等，解决它们需要一些耐心。</div>                        
                    </div>
                </div>
           <!--第一列-->
           <!--第二列-->   
                <div style="float:left;width:50%">
                	<div style="float:left;width:84px;">
                    	<div style="background:url(../Public/discuss/image/6.png) no-repeat; height:91px;width:84px;cursor:pointer;" onclick="selectImage(2)"></div>
                        <div style="background:url(../Public/discuss/image/attention.png) no-repeat center center;width:84px;height:36px; cursor:pointer;"></div>
                    </div>
                    <div style="margin-left:6px;float:left;width:60%;">
                    	<div style="background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:100%;height:36px; line-height:36px;color:#24b33b;font-size:13pt;"><a href="{:U('Discuss/category/catid/2')}">换尿布的爸爸</a></div>
                    	<div style="height:91px;width:100%;font-size:9pt;color:#8b8c8e;padding-top:9.5px;">这里供爸爸们来谈论所有的欢乐和艰辛，那些换尿布的男人，将改变这个世界！</div> 
                    </div>
                </div>
         <!--第二列-->                
            </div>
         <!--第三行-->    
        </div><!--最左区域-->	  
   </div><!--内容结束-->
   
<div style="float:left;width:3%;background:url(../Public/discuss/image/m_line.png) no-repeat right center;height:600px; "></div><!--中线-->
<!--公告开始-->
<div style="float:left;width:30%;">
	<div style="background:url(../Public/discuss/image/back.png) no-repeat;width:207px;height:218px;margin-top:20px;padding-top:50px;">
    <!--	<div class="myfontstyle" style="width:80%;color:#A0A0A0;font-size:10pt;">&nbsp;&nbsp;Tang话题是供家长们互相交流的地方，话题是固定的，不能被随意发起，因为它们必须被确定是与宝宝有关，Tang崇尚一切以宝宝为中心，当然，如果您急切的希望与Tang所有的家长们交流某一个话题，请发邮件告诉Tang Team.
        </div>-->
    </div>
</div>
<div class="myfontstyle" style="float:left;width:30%;">
    	<div class="options" style="width:203px;height:50px;" onclick="addArticle()">发表话题</div>	
    	<div class="options" style="width:203px;height:50px;" onclick="myArticle()">我的话题</div>
        <div class="options" style="width:203px;height:50px;" onclick="lookfor()">查看回复</div>	
</div>
<!--公告结束-->
</div><!--全局框结束-->      
<img src="../Public/discuss/image/flower.png" style="position:absolute;right:0;bottom:0; z-index:-50;" />		
</body>
</html>
